
let tabTitlesUl = document.querySelectorAll(".JS_tabTitleUl");
function findBro(tag){
    let broArr = [];
    let parent = tag.parentNode ;
    let children  = parent.children;
    for(let i=0; i<=children.length-1; i++){
        if( tag != children[i]){
            broArr.push(children[i]);
        }
    }
    return broArr ;
}
for(let i=0; i<=tabTitlesUl.length-1; i++){
    let lies = tabTitlesUl[i].children;
    console.info(lies);
    for(let j=0; j<=lies.length-1; j++){
        lies[j].addEventListener("mouseenter",function(){
            this.classList.add("current");
            let thisContent = this.parentNode.parentNode.nextElementSibling.children[j] ;
            thisContent.classList.add("show");
            let contentBro = findBro(thisContent);
            contentBro.forEach(function (item,index) {
                item.classList.remove("show");
            });
            let liBro = findBro(this);
            liBro.forEach(function (item,index) {
                item.classList.remove("current");
            });
        });
    }
}
